<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>简历 | 刘天祥</title>
  <style rel="stylesheet">
    a,
    abbr,
    acronym,
    address,
    applet,
    article,
    aside,
    audio,
    b,
    big,
    blockquote,
    body,
    canvas,
    caption,
    center,
    cite,
    code,
    dd,
    del,
    details,
    dfn,
    div,
    dl,
    dt,
    em,
    embed,
    fieldset,
    figcaption,
    figure,
    footer,
    form,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    header,
    hgroup,
    html,
    i,
    iframe,
    img,
    ins,
    kbd,
    label,
    legend,
    li,
    mark,
    menu,
    nav,
    object,
    ol,
    output,
    p,
    pre,
    q,
    ruby,
    s,
    samp,
    section,
    small,
    span,
    strike,
    strong,
    sub,
    summary,
    sup,
    table,
    tbody,
    td,
    tfoot,
    th,
    thead,
    time,
    tr,
    tt,
    u,
    ul,
    var,
    video {
      margin: 0;
      padding: 0;
      border: 0;
      font: inherit;
      font-size: 100%;
      vertical-align: baseline
    }

    html {
      line-height: 1
    }

    ol,
    ul {
      /* list-style: none */
    }

    table {
      border-collapse: collapse;
      border-spacing: 0
    }

    caption,
    td,
    th {
      text-align: left;
      font-weight: 400;
      vertical-align: middle
    }

    blockquote,
    q {
      quotes: none
    }

    blockquote:after,
    blockquote:before,
    q:after,
    q:before {
      content: "";
      content: none
    }

    a img {
      border: none
    }

    elements-of-type(html5-block) {
      display: block
    }

    * {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none
    }

    body {
      color: #333;
      font-size: 14px;
      line-height: 1.5;
      font-family: Helvetica Neue, Helvetica, Arial, Microsoft YaHei, sans-serif;
      -webkit-font-smoothing: antialiased;
      -webkit-text-size-adjust: none;
      background-color: #eee;
      overflow: auto;
      padding-top: 5px
    }

    @media screen and (max-width:1024px) {
      body {
        padding-top: 0
      }
    }

    a {
      text-decoration: none;
      color: #00b38a;
      -webkit-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out
    }

    .last-modified {
      position: absolute;
      top: 30px;
      left: 50%;
      width: 1000px;
      color: #bbb;
      margin-left: -500px;
      font-size: 12px;
      text-align: right
    }

    @media screen and (max-width:1024px) {
      .last-modified {
        display: none
      }
    }

    @media print {
      .last-modified {
        display: none
      }
    }

    .download-pdf {
      position: absolute;
      top: 30px;
      left: 50%;
      color: #bbb;
      margin-left: -500px;
      font-size: 12px;
      text-align: right
    }

    @media screen and (max-width:1024px) {
      .download-pdf {
        display: none
      }
    }

    @media print {
      .download-pdf {
        display: none
      }
    }

    .content {
      position: relative;
      width: 1024px;
      margin: 50px auto;
      border-radius: 5px;
      background-color: #fff;
      overflow: hidden
    }

    @media screen and (max-width:1024px) {
      .content {
        width: 100%;
        margin: 0;
        border-radius: 0
      }
    }

    .content-hd {
      width: 100%;
      padding: 30px 50px;
      color: #fff;
      background-color: #00b38a;
      overflow: hidden
    }

    @media screen and (max-width:720px) {
      .content-hd {
        padding: 25px 30px
      }
    }

    @media print {
      .content-hd {
        color: #000;
        background-color: #fff
      }
    }

    .content-hd .title {
      width: 100%;
      border-bottom: 2px solid #00a982;
      font-size: 52px;
      font-weight: 300;
      overflow: hidden;
      padding-bottom: 5px;
      margin-bottom: 5px
    }

    .content-hd .contact,
    .content-hd .info,
    .content-hd .job,
    .content-hd .name {
      width: 50%
    }

    @media screen and (max-width:720px) {

      .content-hd .contact,
      .content-hd .info,
      .content-hd .job,
      .content-hd .name {
        width: 100%;
        text-align: center
      }
    }

    .content-hd .name {
      float: left
    }

    .content-hd .name h1 {
      font-family: Lucida Grande, Hiragino Sans GB, Hiragino Sans GB W3, Helvetica Neue, Helvetica, Arial, Microsoft YaHei, sans-serif;
      font-weight: 500;
      letter-spacing: 5px
    }

    @media screen and (max-width:720px) {
      .content-hd .name h1 {
        letter-spacing: 0;
        line-height: 1.25;
        margin-top: 10px
      }
    }

    .content-hd .name h1 small {
      font-weight: 400;
      letter-spacing: 0;
      font-size: 24px;
      padding-left: 10px
    }

    @media screen and (max-width:720px) {
      .content-hd .name h1 small {
        display: block;
        padding-left: 0;
        font-size: 20px;
        line-height: 1
      }
    }

    .content-hd .job {
      float: right;
      text-align: right
    }

    @media screen and (max-width:720px) {
      .content-hd .job {
        text-align: center
      }
    }

    .content-hd .job h2 {
      display: inline-block;
      font-size: 24px
    }

    @media screen and (max-width:720px) {
      .content-hd .job h2 {
        border-top: 1px solid #00a982;
        margin: 5px auto 0;
        padding: 10px
      }
    }

    .content-hd .info {
      float: left;
      line-height: 22px
    }

    .content-hd .contact {
      float: right;
      text-align: right;
      padding-right: 5px
    }

    .content-hd .contact ul {
      margin: 8px 0 4px
    }

    @media screen and (max-width:720px) {
      .content-hd .contact ul {
        text-align: center;
        margin: 16px 0 0
      }
    }

    .content-hd .contact ul>li {
      height: 22px;
      list-style: none;
    }

    @media screen and (max-width:720px) {
      .content-hd .contact ul>li {
        display: inline-block
      }
    }

    .content-hd .contact ul>li>a {
      color: #fff;
      font-family: Lucida Grande, Hiragino Sans GB, Hiragino Sans GB W3, Helvetica Neue, Helvetica, Arial, Microsoft YaHei, sans-serif;
      font-size: 14px;
      line-height: 22px
    }

    @media print {
      .content-hd .contact ul>li>a {
        color: #000
      }
    }

    .content-hd .contact ul>li>a:hover {
      color: #e8e8e8
    }

    @media screen and (max-width:720px) {
      .content-hd .contact ul>li>a .contact-link {
        display: none
      }
    }

    .content-hd .contact ul>li>a .iconfont {
      fill: #fff;
      vertical-align: text-top
    }

    @media screen and (max-width:720px) {
      .content-hd .contact ul>li>a .iconfont {
        margin: 5px 8px
      }
    }

    .content-bd {
      width: 100%;
      min-height: 200px;
      padding: 20px 30px 50px;
      overflow: hidden
    }

    @media screen and (max-width:720px) {
      .content-bd {
        padding: 20px 20px 50px
      }
    }

    .content-bd .content-left,
    .content-bd .content-right {
      width: 50%
    }

    @media screen and (max-width:1024px) {

      .content-bd .content-left,
      .content-bd .content-right {
        width: 100%
      }
    }

    .content-bd .content-left {
      float: left
    }

    .content-bd .content-right {
      float: right
    }

    .content-bd section {
      overflow: hidden;
      padding: 10px 15px
    }

    .content-bd .section-hd {
      position: relative;
      height: 32px;
      margin: 10px auto 5px;
      overflow: hidden
    }

    .content-bd .section-bd {
      overflow: hidden
    }

    .content-bd .section-bd ul li {
      margin-top: 8px;
      list-style: square inside
    }

    .content-bd .section-bd .item {
      margin-bottom: 20px
    }

    .content-bd .section-title-l,
    .content-bd .section-title-r {
      position: absolute;
      top: 50%;
      display: inline-block;
      width: 35%;
      height: 0;
      vertical-align: middle;
      border-top: 1px solid #ededed
    }

    .content-bd .section-title-l {
      left: 0
    }

    .content-bd .section-title-r {
      right: 0
    }

    .content-bd .section-title {
      position: relative;
      z-index: 1;
      width: 24%;
      min-width: 100px;
      margin: 0 auto;
      padding: 4px 10px;
      border-radius: 32px;
      font-size: 16px;
      font-weight: 700;
      text-align: center;
      background-color: #eee
    }

    .content-bd .section-list {
      padding: 10px 0 5px
    }

    .content-bd .item-hd {
      position: relative;
      padding: 10px 0 5px;
      line-height: 20px;
      overflow: hidden;
      font-weight: 500;
      min-height: 30px
    }

    .content-bd .item-hd .item-time {
      display: inline-block;
      float: left;
      width: 25%
    }

    @media screen and (max-width:720px) {
      .content-bd .item-hd .item-time {
        width: 100%;
        margin-bottom: 5px
      }
    }

    .content-bd .item-hd .item-more {
      position: absolute;
      top: 10px;
      right: 0
    }

    .content-bd .item-hd .item-name {
      float: left
    }

    .content-bd .item-bd {
      /* margin-bottom: 5px */
    }

    .content-bd .item-des {
      margin-bottom: 16px
    }

    .content-bd .section-content {
      text-align: justify;
      word-break: break-all;
      line-height: 22px
    }

    .content-bd .section-content em {
      display: inline-block;
      font-family: Menlo, Helvetica Neue, Helvetica, Arial, Microsoft YaHei, sans-serif;
      font-size: 12px;
      line-height: 14px;
      border: 1px solid #d1d1d1;
      border-radius: 3px;
      margin: 2px;
      padding: 0 3px;
      background-color: #f7f7f7
    }

    .content-bd .section-content strong {
      font-family: Helvetica Neue, Helvetica, Arial, Microsoft YaHei, sans-serif;
      font-size: 12px;
      line-height: 14px;
      border: 1px solid #f3f3f3;
      border-radius: 3px;
      font-weight: 500;
      color: #444;
      margin: 2px;
      padding: 0 3px;
      background-color: #f6f6f6
    }

    .content-bd .practice .item-time {
      width: 100%
    }

    .btn {
      display: inline-block;
      padding: 0 5px;
      border: 1px solid #00b38a;
      border-radius: 3px;
      color: #00b38a;
      font-family: Menlo, Helvetica Neue, Helvetica, Arial, Microsoft YaHei, sans-serif;
      font-size: 14px;
      line-height: 18px;
      text-align: center
    }

    .btn:hover {
      color: #fff;
      background-color: #00b38a
    }

    .github-footer {
      text-align: center
    }

    .github-footer .footer-link {
      display: inline-block;
      color: #d1d1d1;
      margin-bottom: 25px
    }

    @media screen and (max-width:1024px) {
      .github-footer .footer-link {
        margin-top: 25px
      }
    }

    @media print {
      .github-footer {
        display: none
      }
    }
  </style>
  <base target="_blank">
</head>

<body>
  <p class="last-modified">最后更新于2022年2月23日</p>
  <!-- <a class="download-pdf" href="javascript:window.print();">下载 PDF</a> -->

  <main class="content">

    <!--基本信息-->
    <header class="content-hd">
      <section class="title">
        <div class="name">
          <h1>刘天祥</h1>
        </div>
        <div class="job">
          <h2>前端开发</h2>
        </div>
      </section>
      <section class="info">
        <ul>
          <li>男 / 1995.07</li>
          <li>成都东软学院 · 软件工程</li>
          <li>本科</li>
        </ul>
      </section>
      <section class="contact">
        <ul>
          <li>
            <a href="https://github.com/Niuniugougou">
              <span class="contact-link">github-Niuniugougou</span>
              <span class="iconfont">
                <svg width="16px" height="16px" viewBox="0 0 1024 1024">
                  <path
                    d="M512 42.581333l-469.333333 469.333333 31.146667 31.146667L170.666667 446.250667l0 438.186667 682.666667 0L853.333333 446.208l96.853333 96.896 31.146667-31.146667L512 42.581333zM426.666667 841.770667l0-298.666667 170.666667 0 0 298.666667L426.666667 841.770667zM810.666667 841.770667l-170.666667 0 0-341.333333L384 500.437333l0 341.333333L213.333333 841.770667 213.333333 403.584l298.666667-298.666667 298.666667 298.666667L810.666667 841.770667z">
                  </path>
                </svg>
              </span>
            </a>
          </li>
          <li>
            <a href="https://gitee.com/L1334101793">
              <span class="contact-link">码云-会飞滴企鹅</span>
              <span class="iconfont">
                <svg width="16px" height="16px" viewBox="0 0 1024 1024">
                  <path
                    d="M941.714 512q0 143.433-83.712 258.011t-216.283 158.574q-15.433 2.853-22.565-3.986t-7.131-17.152v-120.576q0-55.442-29.696-81.152 32.585-3.438 58.587-10.277t53.723-22.272 46.299-37.998 30.281-60.014 11.703-86.016q0-69.157-45.129-117.723 21.138-52.005-4.571-116.553-16.018-5.157-46.299 6.29t-52.553 25.161l-21.723 13.714q-53.138-14.848-109.714-14.848t-109.714 14.848q-9.143-6.29-24.283-15.433t-47.726-22.016-49.152-7.717q-25.161 64.585-3.986 116.553-45.129 48.567-45.129 117.723 0 48.567 11.703 85.723t29.989 60.014 46.007 38.29 53.723 22.272 58.587 10.277q-22.857 20.553-28.014 58.843-11.995 5.705-25.71 8.558t-32.585 2.853-37.413-12.288-31.707-35.73q-10.862-18.286-27.721-29.696t-28.27-13.714l-11.447-1.719q-11.995 0-16.567 2.56t-2.853 6.583 5.157 8.009 7.424 6.839l3.986 2.853q12.581 5.705 24.869 21.723t17.993 29.147l5.705 13.129q7.424 21.723 25.161 35.145t38.29 17.152 39.717 3.986 31.707-2.011l13.129-2.304q0 21.723 0.293 50.871t0.293 30.866q0 10.277-7.424 17.152t-22.857 3.986q-132.571-43.995-216.283-158.574t-83.712-258.011q0-119.442 58.843-220.27t159.707-159.707 220.27-58.843 220.27 58.843 159.707 159.707 58.843 220.27z">
                  </path>
                </svg>
              </span>
            </a>
          </li>
          <li>
            <a href="mailto:13547457805@139.com">
              <span class="contact-link">13547457805@139.com</span>
              <span class="iconfont">
                <svg width="16px" height="16px" viewBox="0 0 1024 1024">
                  <path
                    d="M903.808 239.04l-818.304 0 0 545.92 852.992 0 0-545.92-34.688 0zM869.664 273.152l-329.536 329.536c-15.04 15.04-41.248 15.04-56.288 0l-329.6-329.536 715.392 0zM119.616 286.752l221.536 221.504-221.536 221.536 0-443.072zM146.848 750.848l218.464-218.432 94.432 94.4c13.952 13.952 32.512 21.664 52.256 21.664s38.304-7.712 52.256-21.664l94.432-94.432 218.432 218.432-730.304 0zM904.384 729.824l-221.536-221.568 221.536-221.568 0 443.136z">
                  </path>
                </svg>
              </span>
            </a>
          </li>
          <li>
            <a href="tel:18080443257">
              <span class="contact-link">18080443257</span>
              <span class="iconfont">
                <svg width="16px" height="16px" viewBox="0 0 1024 1024">
                  <path
                    d="M256 1024l512 0c26.464 0 48-21.536 48-48l0-928c0-26.464-21.536-48-48-48l-512 0c-26.464 0-48 21.536-48 48l0 928c0 26.464 21.536 48 48 48zM240 48c0-8.832 7.168-16 16-16l512 0c8.832 0 16 7.168 16 16l0 928c0 8.832-7.168 16-16 16l-512 0c-8.832 0-16-7.168-16-16l0-928zM288 864l448 0c8.832 0 16-7.168 16-16l0-672c0-8.832-7.168-16-16-16l-448 0c-8.832 0-16 7.168-16 16l0 672c0 8.832 7.168 16 16 16zM304 192l416 0 0 640-416 0 0-640zM496 928c0 17.664 14.336 32 32 32s32-14.336 32-32c0-17.664-14.336-32-32-32-17.664 0-32 14.336-32 32zM448 128l128 0c8.832 0 16-7.168 16-16s-7.168-16-16-16l-128 0c-8.832 0-16 7.168-16 16s7.168 16 16 16z">
                  </path>
                </svg>
              </span>
            </a>
          </li>
        </ul>
      </section>
    </header>

    <div class="content-bd">
      <div class="content-left">

        <section class="project">
          <header class="section-hd">
            <span class="section-title-l"></span>
            <h2 class="section-title">项目</h2>
            <span class="section-title-r"></span>
          </header>
          <div class="section-bd">
            以下是我在公司主导开发或参与的产品：
            <div class="item">
              <header class="item-hd">
                效率源Isee大数据平台
                <a class="btn item-more" href="#">地址</a>
              </header>
              <div class="item-bd">
                <ul>
                  <li>
                    项目周期：2020.07 - 至今
                  </li>
                  <li>
                    项目介绍：此系统为大数据管理平台，包含地图、案件大屏、词库管理、案件分析、账单分析、话单分析、电子数据管理、智能碰撞分析、人员、角色、部门、文件系统等十多项主功能，六十余项子功能。
                  </li>
                  <li>
                    项目职责：数据可视化开发，公共组件开发，基础业务开发，在线及离线地图开发(百度地图)，文件系统开发。
                  </li>
                  <li>
                    技术栈：vue + vue-router + element-ui + axios + eslint + webpack + echarts + antvG6 + antvG2 + 百度离线地图
                  </li>
                </ul>
              </div>
            </div>
            <div class="item">
              <header class="item-hd">
                制药LIMIS系统
                <a class="btn item-more" href="#">地址</a>
              </header>
              <div class="item-bd">
                <ul>
                  <li>
                    项目周期：2019.10 - 2020.7
                  </li>
                  <li>
                    项目介绍：此系统为制药LIMIS，包含人员、角色、部门、文件系统（含会签）、环境管理、报告分发、质量管理、车间
                    管理、仓库物料管理（含流程图配置）、设备管理（动态表单）、培训管理等十多项主功能。
                  </li>
                  <li>
                    项目职责：从0到1的前端开发，公共组件开发，业务开发，数据可视化渲染，动态表单，拖拽流程图配置。
                  </li>
                  <li>
                    技术栈：vue + D2admin + vue-router + element-ui + axios + eslint + webpack + v-charts + G6
                  </li>
                </ul>
              </div>
            </div>
            <!--项目: 互动交流后台管理系统-->
            <div class="item">
              <header class="item-hd">
                互动交流后台管理系统
                <a class="btn item-more" href="#">地址</a>
                <!-- http://112.74.35.81:20001/dist_dev/#/login -->
              </header>
              <div class="item-bd">
                <ul>
                  <li>
                    项目周期：2019.3 - 2019.8
                  </li>
                  <li>
                    项目介绍：为政府部门开发的解决群众与政府的沟通交流难的集约化系统。业务包括群众的信件处理，问卷调查，意见征集和在线访谈及部门、角色、用户、资源、系统配置管理，权限等。
                  </li>
                  <li>
                    项目职责：前端开发，项目结构搭建、简单的数据可视化、组件设计、axios二次封装、代码编写、bug处理及项目维护，此项目历时半年，经历两个迭代，独立完成该项目80%以上代码。
                  </li>
                  <li>
                    技术栈：vue + vue-router + element-ui + axios + eslint + webpack + v-charts
                  </li>
                </ul>
              </div>
            </div>

            <!--项目:基于Node的企业门户网站-->
            <div class="item">
              <header class="item-hd">
                基于Node的企业门户网站
                <a class="btn item-more" href="https://gitee.com/L1334101793/node_portal_website">地址</a>
              </header>
              <div class="item-bd">
                <ul>
                  <li>
                    项目周期：2018.5
                  </li>
                  <li>
                    项目介绍：一个分为前台和后台管理的企业门户网站。
                  </li>
                  <li>
                    主要职责：使用Node+express+ejs搭建管理后台与数据库交互，前台使用bootstrap实现响应式布局。所有前台数据由ajax动态获取，前台页面由es6字符串模板渲染。全程独自一人开发完成。
                  </li>
                  <li>
                    技术栈：nodejs + express + ejs + bootstrap
                  </li>
                </ul>
              </div>
            </div>

            <!--项目:其卡通官网-->
            <!-- <div class="item">
              <header class="item-hd">
                其卡通官网 <a href="http://www.itscartoon.com">http://www.itscartoon.com</a>
                <a class="btn item-more" href="http://www.itscartoon.com">地址</a>
              </header>
              <div class="item-bd">
                <ul>
                  <li>
                    项目周期：2017.9 - 2017.10
                  </li>
                  <li>
                    项目介绍：其卡通的官网制作，属企业展示类网站。
                  </li>
                  <li>
                    项目职责：负责静态页面的书写及动态数据的获取、渲染，表单提交，视频播放。
                  </li>
                  <li>
                    技术栈: html + jQuery + ajax
                  </li>
                </ul>
              </div>
            </div> -->
          </div>
        </section>

        <section class="practice">
          <header class="section-hd">
            <span class="section-title-l"></span>
            <h2 class="section-title">经历</h2>
            <span class="section-title-r"></span>
          </header>
          <div class="section-bd">
            <!--经历:工作-->
            <div class="item">
              <header class="item-hd">
                <h3 class="item-name">效率源信息安全技术股份有限公司</h3>
                <span class="item-time">2020.07 至 今</span>
                <a class="btn item-more" href="#">工作</a>
              </header>
              <div class="item-bd">
                <p class="item-des">前端开发，包括：</p>
                <ul class="section-content">
                  <li>公司Isee系列产品研发，打通公司内部产品连接，主要用户为公安局，纪检委等执行部门。</li>
                  <li>参与建设Isee平台，包含案件大屏、话单数据分析、行为习惯、通话轨迹、基站碰面、社会关系分析、团体关系分析、文件追踪等十余项可视化模块开发。</li>
                  <li>敏感词管理、敏感区域管理、亲属关系管理、话单模块、同行分析、文件系统等十余项主要模块开发。</li>
                  <li>聊天记录、图片导出、抽屉、泳道图等公共模块开发。</li>
                </ul>
              </div>
            </div>
            <div class="item">
              <header class="item-hd">
                <h3 class="item-name">成都微视联软件技术有限公司</h3>
                <span class="item-time">2019.09 至 2020.07</span>
                <a class="btn item-more" href="#">工作</a>
              </header>
              <div class="item-bd">
                <p class="item-des">前端开发，包括：</p>
                <ul class="section-content">
                  <li>UI公共组件的构建与开发,包含各种弹框,按钮以及动态表单。</li>
                  <li>参与公司从0到1的药品制作流程limis建设,包括人员、角色、部门、文件系统（含会签）、环境管理、报告分发、质量管理、车间
                    管理、仓库物料管理、设备管理、培训管理等十多项主功能开发。
                  </li>
                  <li>拖拽流程图配置工序。</li>
                </ul>
              </div>
            </div>
            <!-- <div class="item">
              <header class="item-hd">
                <h3 class="item-name">成都开普互联科技有限公司</h3>
                <span class="item-time">2018.07 至 2019.08</span>
                <a class="btn item-more" href="http://112.74.35.81:20001/dist_dev/#/login">工作</a>
              </header>
              <div class="item-bd">
                <p class="item-des">前端开发，包括：</p>
                <ul class="section-content">
                  <li>UI公共组件的构建与开发</li>
                  <li>负责PC端的互动交流后台管理结构搭建及开发</li>
                  <li>协调外部依赖，配合后端接口开发，连调PC端80%以上的业务代码</li>
                  <li>跟进需求设计，优化和维护产品，持续提升用户体验</li>
                  <li>完成昌都市广电局、国资委、卫生局、农推委等网站建设</li>
                  <li>完成林芝市人社局、工布江达县、国资委、民宗局网站建设</li>
                </ul>
              </div>
            </div> -->
          </div>
        </section>
      </div>


      <div class="content-right">
        <section class="practice">
          <div class="section-bd">
            <div class="item">
              <header class="item-hd">
                <h3 class="item-name">成都开普互联科技有限公司</h3>
                <span class="item-time">2018.07 至 2019.08</span>
                <a class="btn item-more" href="http://112.74.35.81:20001/dist_dev/#/login">工作</a>
              </header>
              <div class="item-bd">
                <p class="item-des">前端开发，包括：</p>
                <ul class="section-content">
                  <li>UI公共组件的构建与开发</li>
                  <li>负责PC端的互动交流后台管理结构搭建及开发</li>
                  <li>协调外部依赖，配合后端接口开发，连调PC端80%以上的业务代码</li>
                  <li>跟进需求设计，优化和维护产品，持续提升用户体验</li>
                  <li>完成昌都市广电局、国资委、卫生局、农推委等网站建设</li>
                  <li>完成林芝市人社局、工布江达县、国资委、民宗局网站建设</li>
                </ul>
              </div>
            </div>
          </div>
        </section>
        <header class="section-hd">
          <span class="section-title-l"></span>
          <h2 class="section-title">实习</h2>
          <span class="section-title-r"></span>
        </header>
        <div class="item" style="padding-left: 28px;">
          <header class="item-hd">
            <h3 class="item-name">日立咨询信息技术（广州）有限公司</h3>
            <span class="item-time">2018.1 至 2018.6</span>
            <a class="btn item-more" href="javascript:void(0);">实习</a>
          </header>
          <div class="item-bd">
            <p class="item-des">百盛MC系统二次开发，包括：</p>
            <ul class="section-content">
              <li>Web页面新增，百盛MC系统的权限树数据调整和sql更新数据以及前台的页面调整。</li>
              <li>数据树导出模块的增删改以及页面重构</li>
              <li>linux环境项目部署</li>
              <li>二次开发中页面的重构以及bug的修正</li>
              <li>功能模块的新增及开发</li>
            </ul>
          </div>
        </div>

        <section class="skill">
          <header class="section-hd">
            <span class="section-title-l"></span>
            <h2 class="section-title">技能</h2>
            <span class="section-title-r"></span>
          </header>
          <div class="section-bd">
            <!--技能:JS-->
            <div class="item">
              <header class="item-hd">
                <span class="item-time">Web</span>
                <a class="btn item-more">熟练</a>
              </header>
              <div class="item-bd">
                <ul class="section-content">
                  <li>框架：vue及其全家桶</li>
                  <li>项目工程化：webpack</li>
                  <li>掌握网页重构所需的CSS、stylus、less</li>
                  <li>web基础：html5、css3、es6、antvG2、antvG6、typescript</li>
                  <li>代码管理：git、svn</li>
                  <li>通信库：axios、fetch</li>
                  <li>网络通信协议：http、websocket</li>
                  <li>个人博客（废弃）：<a href="https://l1334101793.gitee.io/">https://l1334101793.gitee.io/</a></li>
                  <li>个人博客（新）：<a href="https://tix.youyoubai.com/">https://tix.youyoubai.com/</a></li>
                  <li>简历地址：<a href="https://l1334101793.gitee.io/helloTix">https://l1334101793.gitee.io/helloTix</a>
                  </li>
                </ul>
              </div>
            </div>

            <!---->
            <div class="item">
              <header class="item-hd">
                <span class="item-time">框架</span>
                <a class="btn item-more">熟悉</a>
              </header>
              <div class="item-bd">
                <ul class="section-content">
                  <li>掌握Egg.js + Vue + ssr做服务端渲染，使用Egg做接口处理，token派发验证等。<a
                      href="https://tix.youyoubai.com/">详见tix.youyoubai.com</a></li>
                  <li>用Vue开发过大型复杂应用，熟悉Vue生态、技术栈经验丰富</li>
                  <li>掌握Vue调试等扩展技能</li>
                  <li>ElementUI、Vuex等等</li>
                  <li>掌握vue各种组件开发</li>
                </ul>
              </div>
            </div>
            <!--Webpack-->
            <div class="item">
              <header class="item-hd">
                <span class="item-time">Webpack</span>
                <a class="btn item-more">熟悉</a>
              </header>
              <div class="item-bd">
                <ul class="section-content">
                  <li>webpack：修改vue_cli项目，使之更加符合公司项目开发流程</li>
                </ul>
              </div>
            </div>

            <!--Nodejs-->
            <div class="item">
              <header class="item-hd">
                <span class="item-time">Nodejs</span>
                <a class="btn item-more">熟悉</a>
              </header>
              <div class="item-bd">
                <ul class="section-content">
                  <li>使用express开发后台接口，提供开发过程中的模拟数据。</li>
                  <li>使用ejs渲染页面。</li>
                  <li>在express中使用jwt与passpor-jwt做token的派发与验证。</li>
                  <li>前端密码加解密。</li>
                </ul>
              </div>
            </div>

            <!--数据库-->
            <div class="item">
              <header class="item-hd">
                <span class="item-time">数据库</span>
                <a class="btn item-more">熟悉</a>
              </header>
              <div class="item-bd">
                <ul class="section-content">
                  <li>熟悉关系型数据库基本概念与SQL(MySQL,SqlServer)</li>
                </ul>
              </div>
            </div>

          </div>
        </section>
      </div>
    </div>
  </main>

  <footer class="github-footer">
    <a class="footer-link" href="javascript:void(0);">页面托管在Gitee Pages上</a>
  </footer>


</body>

</html>